.my-main-app {
    width: 100%;
    height: 100vh;
    background: rgb(238, 243, 250);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    .my-header {
        height: 6.609756097560975rem;
        width: 100%;
        background: rgb(191, 238, 246);
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 0.7317073170731707rem;
        h3 {
            font-size: 0.43902439024390244rem;
            line-height: 1.951219512195122rem;
       }
        .my-header-img {
            width: 2.5609756097560976rem;
            height: 2.5609756097560976rem;
            border-radius: 2.5609756097560976rem;
            border: 0.07317073170731707rem solid skyblue;
            img {
                width: 2.4390243902439024rem;
                border-radius: 2.4390243902439024rem;
                height: 2.4390243902439024rem;
                border: 0.04878048780487805rem solid #fff;
           }
       }
        .my-header-username {
            margin-top: 0.1951219512195122rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            span {
                font-size: 0.3902439024390244rem;
                font-weight: 800;
           }
            img {
                width: 0.43902439024390244rem;
                height: 0.43902439024390244rem;
                margin-left: 0.24390243902439024rem;
           }
       }
   }
    .my-main-con {
        position: absolute;
        top: 5.853658536585366rem;
        height: 10.804878048780488rem;
        width: 80%;
        background: rgb(244, 242, 243);
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 0.4878048780487805rem;
        overflow: hidden;
        box-shadow:0.12195121951219512rem 0.12195121951219512rem 0.12195121951219512rem #ccc;
        .my-main-con-information {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background: rgb(255, 255, 255);
            height: 1.7073170731707317rem;
            margin-bottom: 0.4878048780487805rem;
            h4 {
                height: 1.9268292682926829rem;
                margin-left: 0.4878048780487805rem;
                line-height: 2.2439024390243905rem;
                margin-bottom: 0.24390243902439024rem;
                font-size: 0.3902439024390244rem;
                color: rgb(67, 67, 67);
                font-weight: bold;
           }
            h1 {
                margin-right: 0.4878048780487805rem;
                font-size: 0.6341463414634146rem;
                color: rgb(67, 67, 67);
                font-weight: bold;
           }
       }
        .my-main-icon {
            z-index: 100;
            width: 1.951219512195122rem;
            height: 1.951219512195122rem;
            margin-top: 0.4878048780487805rem;
            margin-left: 4.390243902439025rem;
            img {
                width: 1.951219512195122rem;
                height: 1.951219512195122rem;
           }
       }
   }
}
